.layout-main {
  position: relative;

  /* 变量 */
  $header-color: #ffffff;
  $header-height: 80px;
  $header-menue-font-size: 16px;
  $header-title-font-size: 18px;

  /* baseLayout */
  .base-layout {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 20px;
  }

  /* header部分 */
  .header-box {
    background-color: $header-color;

    .header {
      width: 1200px;
      height: $header-height;
      margin: 0 auto;

      display: flex;
      justify-content: space-between;
      background-color: $header-color;

      .left {
        flex: 5;
        display: flex;

        /* logo样式 */
        .logo-warp {
          display: flex;
          align-items: center;
          width: 200px;

          .logo-img {
            width: 55px;
            height: auto;
          }

          .logo-text {
            flex: 1;
            font-size: $header-title-font-size;
            font-weight: 500;
          }
        }

        /* nav样式 */
        .ivu-menu {
          background-color: transparent;
          height: 100%;
          line-height: $header-height;

          //font-size: @header-menue-font-size;
          &:after {
            content: '';
            display: none;
          }
        }
      }

      .right {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: flex-end;

        /* login-info区 */
        .login-info {
          // width: 100px;
          display: inline-block;
          font-size: 20px;
        }
      }
    }
  }

  /* footer */
  .footer {
    height: 100%;
    background-color: #1e4b7e;
  }
}

.demo-spin-icon-load {
  animation: ani-demo-spin 1s linear infinite;
}

@keyframes ani-demo-spin {
  from {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  to {
    transform: rotate(360deg);
  }
}

// * 滚动条样式（不建议修改）
// body,
// html {
//   &::-webkit-scrollbar {
//     width: 5px;
//   }

//   &::-webkit-scrollbar-button {
//     display: none;
//   }

//   &::-webkit-scrollbar-track {
//     background-color: #f0f0f0;
//   }

//   &::-webkit-scrollbar-track-piece {
//     display: none;
//   }

//   &::-webkit-scrollbar-thumb {
//     border-radius: 2px;
//     background-color: purple;
//   }

//   &::-webkit-scrollbar-corner {
//     display: none;
//   }

//   &::-webkit-resizer {
//     display: none;
//   }
// }
